<template>
  <swiper>
    <swiper-item v-for="item in banners">
      <a :href="item.link">
        <img :src="item.image" @load="imageLoad" alt="" />
      </a>
    </swiper-item>
  </swiper>
</template>

<script>
	  import {Swiper, SwiperItem} from 'components/common/swiper'

    export default {
        name: "HomeSwiper",
        props: {
            banners: {
                type: Array,
                default() {
                    return []
                }      
            }
        },
        data() {
          return {
            isLoad: false//只需要发送一次事件            
          }
        },
        components: {
            Swiper,
            SwiperItem
        },
        methods: {
          imageLoad() {
            if(!this.isLoad) {
              this.$emit('swiperImageLoad')
              this.isLoad = true
            }
          }
        }
    };
</script>

<style scoped>
  
</style>